@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ padding:0; margin:0;}
table{ border-collapse:collapse;border-spacing:0px;}
fieldset,img{ border:0;} em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;} caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';} abbr,acronym{ border:0;} img{ vertical-align:top; border:0;}
li{ list-style-type:none;} label{ font-weight: normal;}
html{ -webkit-text-size-adjust:none;}
body{ height: 100%; font:14px/26px "Microsoft YaHei", "微软雅黑", Arial; color: #666; letter-spacing: .03em; -webkit-font-smoothing: antialiased; overflow-x: hidden; background: #fff;}
input,select,textarea,button{ font:14px/22px "Microsoft YaHei", "微软雅黑", Arial; color:#c7c7c7; outline: none;}
table{ font-size:inherit; font:100%;} input[type="text"]:focus{ outline: none;}
select{ -moz-appearance: none; -webkit-appearance:none; appearance:none;}
select.form-control{ display: inline-block; width: 128px; margin-right: 15px; background: url(../images/iselect.png) no-repeat 92% center;}
a{ color: #666; outline:none; text-decoration:none;} video{ display: block; width: 100%; height: 100%; object-fit: fill}
a:hover, a:focus{ color: #d71217; text-decoration:none;}
button{ cursor:pointer; border:0; padding:0; overflow:hidden;} textarea { overflow:auto; resize:none;}
.input_c,.input_r{ width:16px; height:16px; padding:0; margin:2px 3px 2px 0; overflow:hidden; vertical-align:middle;}
/* Clearfix */
.clearfix:after,.clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;} .hide{ display: none;}
.clear{ clear:both; display:block;} .fl{ float: left;} .fr{ float: right;}
.show-pad{ display: none;} .gray{ color: #aaa;}

.pic{ overflow: hidden;} .body-gray{ background: #f5f5f5;}
.pic img, .pic-fit img, .phone img, .logo img, .banner img, .mcarousel img, .video img, .pic-faq img{ width: 100%; height: 100%;}
.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: row;}
.flex-col, .swiper-attack .info{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; flex-wrap: wrap; flex-direction: column;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.start{ justify-content: flex-start; align-items: center;} 
.end{ justify-content: flex-end; align-items: center;}
.center, .swiper-attack .info{ justify-content: center; align-items: center;}
.vertical{ display: table-cell; vertical-align: middle; text-align: center;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.circle, .btn-prev, .btn-next, .doter, .doter .dot, .idea-list .point:after, .round{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
.trans, .remark, .swiper-attack .info, .swiper-attack .txt{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
.btn-plus, .roate, .swiper-suit img{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.btn-plus.totate, a:hover .roate, .swiper-suit a:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.nodata{ padding-top: 168px; margin: 18px 0; font-size: 18px; text-align: center; background: url(../images/nodata.png) no-repeat center 0;}
.loading{ position: fixed; z-index: 999; top: 18%; left: 50%; width: 98px; height: 98px; margin-left: -48px;}
.pagination{ display: block; margin: 58px 0 18px; text-align: center;}
.pagination a, .pagination span{ display: inline-block; padding: 3px 12px; margin: 0 2px; color: #818181; background: #dedede;}
.pagination a:hover, .pagination .active{ color: #fff; background: #e7141a;}

.btn-solid{ display: block; width: 100%; height: 42px; margin: 8px auto; line-height: 42px; color: #fff; text-align: center; background: #d71217;}
.bounce-to-right{ position: relative; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; overflow: hidden;}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d71217; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.btn-consult.bounce-to-right:before{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* sprite */
.icon, .swiper-press .caption, .faq-list .dot{ background: url(../images/sprite.png) no-repeat center -9999em;}
/* header */
.fixedNav{ position:fixed; z-index:100; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header .container{ position: relative; width: 100%; max-width: 1168px; text-align: center;}
.header .logo, .btn-phone{ position: absolute; z-index: 88; top: 13px;}
.header .logo{ left: 8px;} .header .logo-black{ display: none;}
.btn-phone{ right: 8px; width: 146px; height: 36px; font-size: 15px; color: #fff; line-height: 36px; text-align: center; background: #e7141a; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px;}
.navbar-nav{ float: right; position: relative; width: 58%; max-width: 630px; margin-right: 148px;}
.navbar-nav>li{ _display: inline; position: relative; width: 20%; padding: 0 12px; font-size: 16px;}
.navbar-nav>li.show-pad{ display: none;}
.navbar-nav>li>a{ position: relative; line-height: 59px; color: #fff;}
.navbar-nav>li>a:hover, .navbar-nav>li.active>a, .navbar-nav>li>a:hover, .navbar-nav>li>a:focus{ color: #e7141a; background: transparent;}
.navbar-nav>li>a:hover .line, .navbar-nav>li.active>a .line, .navbar-nav>li>a:hover .line, .navbar-nav>li>a:focus .line{ background: #e7141a;}
.navbar-nav .line{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;-webkit-animation-duration:0.88s; animation-duration:0.88s; -webkit-animation-fill-mode: both; animation-fill-mode: both}
.sublist{ display: none; position: absolute; top: 100%; right: 0; width: 100%; padding: 30px 18px; font-size: 15px; background: rgba(0,0,0,.82);}
.sublist li{ margin-bottom: 12px; text-align: center;}
.sublist a{ color: #fff;} .sublist a:hover{ color: #e7141a;}
.thirdlist{ margin-top: 10px; font-size: 12px;}
.thirdlist li{ float: none; width: 100%; text-align: left;}
.navbar-nav .item-server{ position: static;}
.navbar-nav .item-server .sublist{ padding: 30px 30px 20px 50px;}
.navbar-nav .item-server .sublist>li{ float: left; width: 20%; text-align: left;}
.header.bg-header{ background: #fff;} .bg-header .navbar-nav>li>a{ color: #333;}
.bg-header .logo-white{ display: none;} .bg-header .logo-black{ display: block;}

.footer{ font-size: 13px; background: #292929;}
.footer-contact{ padding: 24px 0; overflow: hidden;}
.footer-contact li{ float: left; width: 33%; border-right: 1px solid #494949; line-height: 20px; text-align: center;}
.footer-contact li:last-child{ border-right: 0 none;}
.footer-contact .icon{ display: inline-block; width: 40px; height: 40px; margin-right: 8px;}
.footer-contact .ftqq{ background-position: 0 -648px;}
.footer-contact .ftline{ background-position: 0 -698px;}
.footer-contact .ftemail{ background-position: 0 -742px;}
.footer-contact .info{ display: inline-block; text-align: left;}
.footer-contact .attr{ color: #b9b9b9;}
.footer-contact .val{ color: #dadada;}
.footer-nav, .footer-nav a{ color: #e5e5e5;}
.footer-nav, .footer-links{ padding: 16px 0;}
.footer-nav{ border-top: 1px solid #494949; border-bottom: 1px solid #494949; overflow: hidden;}
.footer-nav i{ margin: 0 5px;}
.footer-links{ width: 92%; margin: 0 auto; color: #989898;}
.footer-links a{ margin-right: 8px;}
.footer-links a:hover, .footer-nav a:hover{ color: #d71217;}
.copyright{ padding: 12px 0; font-size: 13px; color: #808080; text-align: center; background: #212121;}
.copyright span{ display: inline-block;}

.fixed-bar, .fixed-mbar{ position: fixed; z-index: 99; right: 0;}
.fixed-bar{ top: 28%;}
.fixed-bar .item{ position: relative; width: 66px;}
.fixed-bar a, .fixed-bar .slide{ color: #fff; text-align: center;}
.fixed-bar a{ display: block; width: 66px; height: 66px; padding: 4px; margin-bottom: 1px; font-size: 13px; color: #656565; text-align: center; background: #ddd;}
.fixed-bar .icon{ width: 32px; height: 32px; margin: 0 auto;}
.fixed-bar .iqq{ background-position: center 6px;}
.fixed-bar .itel{ background-position: center -40px;}
.fixed-bar .online{ background-position: center -92px;}
.fixed-bar .wechat{ background-position: center -140px;}
.fixed-bar .itop{ background-position: center -190px;}
.fixed-bar .active .iqq{ background-position: center -243px;}
.fixed-bar .active .itel{ background-position: center -290px;}
.fixed-bar .active .online{ background-position: center -342px;}
.fixed-bar .active .wechat{ background-position: center -390px;}
.fixed-bar .item-top .itop{ background-position: center -440px;}
.fixed-bar .slide{ display: none; position: absolute; top: -12px; right: 76px; width: 228px; height: 86px; padding: 12px 16px 18px; border-top: 3px solid #e7141a; font-size: 15px; line-height: 28px; color: #797979; text-align: left; background: #fff;}
.fixed-bar .slide:after{ content: '\0020'; display: block; position: absolute; top: 32px; right: -12px; border: 6px solid transparent; border-left-color: #fff;}
.fixed-bar .slide .info{ position: relative; width: 100%; padding-left: 42px;}
.fixed-bar .slide .name{ font-size: 18px; color: #e7141a;}
.fixed-bar .slide .icon{ position: absolute; top: 50%; left: 0; width: 38px; height: 38px; margin-top: -18px;}
.fixed-bar .slide .fqq{ background-position-y: -650px;}
.fixed-bar .slide .ftel{ background-position-y: -700px;}
.fixed-bar .slide .fonline{ background-position-y: -796px;}
.fixed-bar .slide .fwechat{ background-position-y: -1280px;}
.fixed-bar .slide-qrcode{ height: 228px;} .slide-qrcode .pic{ width: 164px; height: 164px; margin: 16px auto;}
.fixed-bar .active .btn-bar, .fixed-bar .item-top .btn-bar{ color: #fff; background: #e7141a;}

.fixed-mbar{ display: none; bottom: 0; width: 100%; height: 52px; padding: 0; text-align: center; background: #fff;}
.fixed-mbar a{ float: left; width: 25%; padding-top: 26px; border-right: 1px solid rgba(255,255,255,.68); font-size: 12px; line-height: 20px; color: #909090; background: url(../images/sbar.png) no-repeat center -9999em; background-size: 23px 115px;}
.fixed-mbar .bhome{ background-position-y: 0;}
.fixed-mbar .bonline{ background-position-y: -45px;}
.fixed-mbar .bphone{ background-position-y: -88px;}
.fixed-mbar .btop{ padding: 0; font-size: 13px; line-height: 52px; color: #fff; background: #e7141a;}

/* banner 轮播 */
.btn-prev, .btn-next{ display: block; width: 52px; height: 52px; border: 1px solid #fff; background: url(../images/sprite.png) no-repeat center -9999em;}
.btn-prev{ background-position-y: -550px;} .btn-next{ background-position-y: -600px;}
#carousel-generic{ position: relative; width: 100%; height: 500px; color: #fff; overflow: hidden;}
#carousel-generic .carousel-inner{ position: absolute; top: 0; left: 0; width: 100%; color: #fff; text-align: center; background: rgba(0,0,0,.38);}
#carousel-generic .info{ position: absolute; top: 50%; left: 0; width: 100%; height: 162px; margin-top: -81px;}
#carousel-generic .title{ width: 100%; font-size: 58px; line-height: 78px;}
#carousel-generic .entitle{ width: 100%; margin: 8px 0 68px; text-transform: uppercase;}
#carousel-generic .btn-hollow{ border-color: #fff; color: #fff;}
#carousel-generic .btn-hollow:hover{ border-color: #d81217; color: #fff; background: #d81217;}
.mcarousel{ position: relative; overflow: hidden;}
.carousel-control{ display: block; height: 100%;}
.carousel-control span{ display: block; position: absolute; z-index: 888; top: 50%; margin-top: -26px;}
.carousel-control .btn-prev{ left: 50%;} .carousel-control .btn-next{ right: 50%;}
.scrollDown{ position: absolute; z-index: 88; left: 50%; bottom: 28px; width: 24px; height: 32px; margin-left: -12px; background-position: center -500px;}

.mod{ padding: 46px 0;} .mod-gray{ background: #f0f0f0;}
.mod-bg{ background-repeat: no-repeat; background-position: center top; background-size: 100% 100%;}
.btn-more, .btn-hollow{ -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px;}
.btn-hollow{ display: block; width: 102px; height: 30px; border: 1px solid #d81217; margin: 20px auto 0; line-height: 28px; color: #d81217; text-align: center;}

.doter{ position: absolute; left: 0; top: 50%; width: 36px; height: 36px; margin-top: -12px;}
.doter .dot{ width: 8px; height: 8px; margin: 14px auto; background-color: #e7141a;}
.doter .point, .doter .point:after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.doter .point{ margin: auto; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; background: transparent;}
.doter .point:after{ content: ""; display: block; opacity: 0; border: 2px solid #fd2f30; -webkit-animation: ripple 4s ease-out 225ms infinite; animation: ripple 4s ease-out 225ms infinite;}
.doter .point-20:after{ -webkit-animation-delay: .8s; animation-delay: .8s;}
.doter .point-30:after{ -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.text-right{ padding: 0; padding-right: 38px;}
.text-right .doter{ right: 0; left: auto;}

/* title */
.flex-hd, .flex-hd .inner{ position: relative;}
.flex-hd{ width: 100%; margin-bottom: 40px; text-align: center;}
.flex-hd:before, .flex-hd:after, .flex-hd .inner:before, .flex-hd .inner:after{ content: '\0020'; display: block; position: absolute; top: 24px;}
.flex-hd:before, .flex-hd:after{ width: 32%; height: 1px; background: #dcdcdc;}
.flex-hd:before{ left: 0;} .flex-hd:after{ right: 0;}
.flex-hd .inner:before, .flex-hd .inner:after{ width: 6px; height: 6px; margin-top: -2px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #9e9696;}
.flex-hd .inner:before{ left: 32%;}
.flex-hd .inner:after{ right: 32%;}
.flex-hd .title{ width: 408px; margin: 0 auto; font-size: 30px; line-height: 46px; color: #222;}
.flex-hd .subtitle{ color: #999;}
.swiper-container{ overflow: hidden;}
.swiper-server{ line-height: 20px; text-align: center;}
.swiper-server .swiper-slide{ position: relative;}
.swiper-server .inner, .swiper-server .remark{ padding: 20px 0; border: 1px solid #d7d7d7;}
.swiper-server .inner{ font-size: 12px; color: #888; background: #fff;}
.swiper-server .name{ font-size: 20px; color: #232323;}
.swiper-server .info{ padding: 12px 16px 16px;}
.swiper-server .subname{ height: 20px; overflow: hidden;}
.swiper-server .line{ height: 1px; border-top: 1px dotted #acacac; margin-top: 12px;}
.swiper-server .pic{ width: 118px; height: 118px; margin: 20px auto 12px;}
.swiper-server .txt{ height: 40px; overflow: hidden;}
.swiper-server .btn-more{ width: 88%; height: 38px; margin: 0 auto; font-size: 17px; line-height: 36px; color: #404040; background: #eaeaea;}
.swiper-server .btn-red{ color: #fff; background: #e7141a;}
.swiper-server .remark{ position: absolute; z-index: 8; top: 100%; left: 0; font-size: 13px; color: #fff; background: #555;}
.swiper-server .remark .name{ margin-bottom: 20px; color: #fff;}
.featlist li{ position: relative; padding: 18px 16px 18px 56px; border-top: 1px solid #7c7c7c; text-align: left;}
.featlist .attr{ position: absolute; top: 15px; left: 16px;}
.mod-idea{ background-image: url(../images/bg-idea.jpg);}
.mod-idea .title, .mod-idea .subtitle, .mod-flow .title, .mod-flow .subtitle, .mod-faq .flex-hd .title, .mod-faq .subtitle, .mod-system .flex-hd .title, .mod-system .subtitle{ color: #fff;}
.mod-idea .bd{ position: relative;}
.mod-idea .pic{ width: 68%; max-width: 728px; margin: 0 auto -188px;}
.idea-list li{ position: absolute; top: 12%; left: 10%; width: 268px; padding-left: 38px; color: #fff; overflow: hidden;}
.idea-list li:nth-child(2){ top: 25%; left: 2%;}
.idea-list li:nth-child(3){ top: 46%; left: -2.5%;}
.idea-list li:nth-child(4){ top: 10%; left: 65%;}
.idea-list li:nth-child(5){ top: 21%; left: 73%;}
.idea-list li:nth-child(6){ top: 35%; left: 77.5%;}
.idea-list li:nth-child(7){ top: 50%; left: 79%;}
.idea-list .info{ opacity: 0;}
.idea-list .name{ font-size: 15px; font-weight: bold;}
.idea-list .subname{ font-size: 13px; line-height: 18px;}
.mod-meal .flex-hd{ margin: 58px 0 0; overflow: hidden;}
.swiper-meal{ text-align: center;}
.swiper-meal .swiper-slide{ padding: 48px 28px 6px 0;}
.swiper-meal .inner{ position: relative; border: 1px solid #e0e0e0; background: #fff;}
.swiper-meal .flag{ position: absolute; top: 0; right: -48px; width: 148px; padding: 6px; line-height: 20px; color: #fff; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #25b4e9;}
.swiper-meal .name{ padding: 12px; font-size: 24px; line-height: 38px; color: #fff; background: #d81217;}
.swiper-meal .info{ padding: 28px 0 20px; color: #888;}
.swiper-meal .price, .swiper-meal .unit{ font-weight: bold; color: #777;}
.swiper-meal .price{ font-size: 22px;}
.swiper-meal .spec{ font-size: 42px; line-height: 48px;}
.swiper-meal .unit{ margin-bottom: 8px; font-size: 15px;}
.swiper-meal .txt{ padding: 8px; border-bottom: 1px dotted #e2e2e2;}
.swiper-meal .active{ z-index: 88;}
.swiper-meal .active .inner{ border-color: #d81217; box-shadow: 0 0 8px #dadada; margin: -6px 0 6px;}
.swiper-meal .active .price, .swiper-meal .active .unit{ color: #d81217;}
.swiper-meal .active .btn-hollow{ color: #fff; background: #d81217;}
.mod-case{ background-image: url(../images/bg-case.jpg);}
.mod-case .btn-hollow, .switch-fit .btn-hollow{ width: 156px; height: 36px; margin-top: 40px; line-height: 34px;}
.switch-nav, .switch-brief{ margin-bottom: 40px; text-align: center;}
.switch-nav .btn-hollow, .switch-brief .btn-hollow{ display: inline-block; border-color: #c0c0c0; margin: 0 16px; color: #222;}
.switch-nav .btn-hollow:hover, .switch-nav .active, .switch-brief .btn-hollow:hover, .switch-brief .active{ border-color: #e7141a; color: #fff; background: #e7141a;}
.tab-content .tab-panel, .brief-content .tab-panel{ display: none;}
/*.tab-content .btn-hollow{ opacity: 0;} .tab-content .btn-case{ opacity: 1;}*/
.case-list{ font-size: 15px;}
.case-list li{ opacity: 0; float: left; width: 33.3%; margin-bottom: 12px; text-align: center;}
.case-list a{ display: block; position: relative; margin: 0 6px;}
.case-list .name{ padding: 12px; border-bottom: 2px solid #d0d0d0; color: #222; background: #fff;}
.case-list .line{ position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #e7141a;}
.case-list .pic{ position: relative; width: 100%;}
.case-list .remark, .case-list .circle, .case-list .icon{ position: absolute;}
.case-list .remark{ z-index: 8; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.75);}
.case-list .circle, .case-list .icon{ top: 50%; left: 50%;}
.case-list .circle{ width: 106px; height: 106px; border: 1px dashed #fff; margin-top: -54px; margin-left: -54px;}
.case-list .icon{ width: 36px; height: 36px; margin-left: -18px; margin-top: -18px;}
.case-list a:hover .remark{ opacity: 1;}
.case-list a:hover .circle{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.mod-flow{ background-image: url(../images/bg-flow.png);}
.mod-weflow{ background-image: url(../images/bg-weflow.jpg);}
.flow-list{ position: relative;}
.flow-list li{ float: left; opacity: 0; width: 19%; padding: 20px; text-align: center;}
.flow-list .item-arrow{ width: 8%; height: 322px; background: url(../images/arrow.png) no-repeat center center; background-size: 80%}
.flow-list .item-down{ position: absolute; top: 332px; right: 0; width: 19%; height: 70px; background: url(../images/arrow-down.png) no-repeat center center; background-size: 16px 38px;}
.flow-list .item-top{ float: right; margin-top: 70px;}
.flow-list .item-left{ background-image: url(../images/arrow-left.png);}
.flow-list .rect{ border: 1px dotted rgba(255,255,255,.58);}
.flow-list a{ display: block; width: 100px; margin: 3px auto; font-size: 12px; color: #fff; opacity: 0.8; text-align: left;}
.flow-list img{ max-width: 38px; max-height: 38px; vertical-align: middle;}
.flow-list .circle{ width: 90px; height: 90px; border: 1px solid #fefefe; margin: 0 auto; line-height: 90px; text-align: center;}
.flow-list .name{ margin: 12px 0 8px; font-size: 20px; line-height: 32px; color: #f6f6f6;}
.flow-list .info{ height: 146px; overflow: hidden;}
.flow-list .btn-consult{ width: 88%; max-width: 128px; height: 34px; margin: 48px auto 0; font-size: 16px; line-height: 34px; text-align: center; background: #e7141a; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px;}
.flow-list .iarrow{ display: inline-block; padding-left: 16px; background-position: 0 -1505px;}
.flow-list li:hover .circle{ border-color: #e7141a; background: #e7141a;}
.flow-list a:hover{ color: #e7141a;} .flow-list .btn-consult:hover{ color: #fff;}
.flow-list a:hover .iarrow{ background-position: 0 -1546px;}
.swiper-press .swiper-slide{ opacity: 0; padding: 10px;}
.swiper-press .inner{ padding: 16px; border: 1px solid #e0e0e0;}
.swiper-press .hd{ position: relative; padding-right: 68px; margin-bottom: 12px;}
.swiper-press .caption{ padding-left: 26px; font-size: 16px; font-weight: bold; color: #333;}
.swiper-press .inews{ background-position: 0 -850px;}
.swiper-press .iqian{ background-position: 0 -900px;}
.swiper-press .iseo{ background-position: 0 -950px;}
.swiper-press .more{ position: absolute; top: 0; right: 0; font-size: 13px; color: #d81217;}
.swiper-press .active .inner{ border: 1px solid #d81217; box-shadow: 0 0 8px #dedede; margin: -5px 0 5px;}
.press-list li{ margin-bottom: 21px;} .press-list li:last-child{ margin-bottom: 0;}
.press-list a{ display: block; position: relative; padding-left: 118px; font-size: 12px; line-height: 18px; color: #666;}
.press-list .pic{ position: absolute; top: 0; left: 0; width: 110px; height: 75px;}
.press-list .name{ margin: 4px 0; font-size: 15px; color: #222;}
.press-list .txt{ height: 36px; overflow: hidden;}
.press-list .date{ text-align: right;}
.banner-press{ display: block; position: relative; width: 100%; margin-bottom: 15px; overflow: hidden;}
.banner-press .name{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 12px; color: #fff; text-align: center; background: rgba(0,0,0, .5);}
.banner-press img{ width: 100%; height: 100%;}
.press-cont, .info-list{ width: 100%; height: 258px;}
.press-cont{ position: relative; overflow: hidden;} .info-list{ position: absolute; top: 0; left: 0;}
.info-list a{ display: block; position: relative; padding-right: 60px; margin-bottom: 3px; color: #333;}
.info-list .date{ position: absolute; top: 0; right: 0; font-size: 12px; color: #777;}
.press-list a:hover .name, .info-list a:hover{ color: #d71217;}
.swiper-seo .press-list li{ margin-bottom: 15px;}
.swiper-seo .press-list li:last-child{ margin: 0;}
.mod-outfit{ position: relative; padding-bottom: 128px; background-image: url(../images/bg-idea.jpg);}
.mod-outfit .btn-prev, .mod-outfit .btn-next{ position: absolute; z-index: 88; top: auto; bottom: 30px;}
.mod-outfit .btn-prev{ left: 45%;} .mod-outfit .btn-next{ right: 45%;}
.mod-outfit .title, .mod-outfit .subtitle{ color: #fff;}
.swiper-slide{ overflow: hidden;}
.swiper-outfit .flex-pic{ opacity: 0; float: left; width: 48%;}
.swiper-outfit .pic{ float: left;}
.swiper-outfit .pic1{ width: 60%;}
.swiper-outfit .pic2{ float: right; width: 38%;}
.swiper-outfit .pic3{ width: 100%; margin-top: 8px;}
.slide-about .info{ float: right; width: 50%; padding: 18px; color: #333; background: rgba(255,255,255,.82);}
.slide-about .name{ margin: 8px 0 18px; font-size: 24px; color: #222; text-align: center;}
.slide-about .mess{ height: 104px; margin-bottom: 26px; overflow: hidden;}
.flex-jumbo{ margin: 15px 0 20px;}
.flex-jumbo .flex{ opacity: 0; float: left; width: 33.3%; text-align: center;}
.flex-jumbo .num{ position: relative; padding: 0 0 12px; font-size: 28px; color: #e7141a;}
.flex-jumbo .num:after{ content: '\0020'; display: block; position: absolute; bottom: 4px; left: 50%; width: 20px; height: 2px; margin-left: -10px; background: #e7141a;}
.stage-list li{ float: left; width: 33.3%; padding-left: 24px; margin-bottom: 8px; font-size: 15px;}
.stage-list .izykf{ background-position: 0 -995px;}
.stage-list .icsjs{ background-position: 0 -1035px;}
.stage-list .iuisj{ background-position: 0 -1075px;}
.stage-list .ikfzq{ background-position: 0 -1115px;}
.stage-list .ihxll{ background-position: 0 -1155px;}
.slide-advt .bd{ padding: 30px 0; background: rgba(255,255,255,.8);}
.slide-advt .name{ font-size: 15px; color: #333;}
.slide-advt .txt{ height: 72px; font-size: 13px; line-height: 18px; color: #555; overflow: hidden;}
.advt-list li{ float: left; width: 25%; padding: 24px 18px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
.advt-list img{ vertical-align: middle;}
.advt-list .circle{ float: left; width: 36%; margin-top: 6px; text-align: center; background: #e7141a;}
.advt-list .info{ float: right; width: 60%;}
.advt-list a:hover .name{ color: #e7141a;}
.slide-cert{ color: #fff;}
.cert-list li{ float: left; width: 16.66%; padding: 28px 4px;}
.cert-list .pic{ display: block; width: 100%; border: 1px solid #d9d9d9;}
.cert-list a:hover .pic{ border-color: #d81217;}
.link-list{ border-top: 5px solid #f2f2f2; border-left: 5px solid #f2f2f2;}
.link-list li{ opacity: 0; float: left; width: 20%; border-bottom: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2; line-height: 62px; background: #fff;}
.link-list .pic{ display: block; width: 100%;}
.mod-ad{ background-image: url(../images/bg-ad.jpg);}
.mod-ad .name{ font-size: 20px; color: #fff; text-align: center;}
/* init */
.mod-crumb, .mod-crumb a{ color: #787878;}
.mod-crumb{ padding: 12px 0; font-size: 12px; line-height: 18px; background: #ececec;}
.mod-crumb a{ padding-right: 16px; margin-right: 4px; background-position: right -1198px;}
.mod-crumb a:hover{ color: #e7141a;}
.frame{ padding: 28px 0; background: #fff;}
.frame .caphd{ margin-bottom: 18px;}
.frame .caption{ float: left; font-size: 18px; line-height: 18px; color: #222;}
.frame .sub{ font-size: 12px; color: #7f7f7f;}
.frame .switch-nav{ float: right; width: 68%; margin: 0; text-align: right;}
.frame .switch-nav .btn-hollow{ margin: 0 0 0 20px;}
.frame .headline{ margin-bottom: 4px; font-size: 26px; line-height: 36px; color: #222;}
.frame .tline{ width: 100%; height: 1px; margin-bottom: 18px; background: #ececec;}
.cont{ position: relative; padding-right: 316px;}
.aside{ position: absolute; z-index: 8; top: 0; right: 0; width: 306px;}
.mod-aside{ padding: 15px 12px; margin-bottom: 12px; background: #f5f5f5;}
.mod-aside .caption{ font-size: 16px; font-weight: bold; color: #333;}
.mod-aside .more{ float: right; font-size: 13px; color: #d81217;}
.aside-list li{ padding: 6px 0; border-bottom: 1px dotted #b3b3b3;}
.frame-case{ background: #f5f5f5;}
.frame .mod-case{ padding: 0; background: none;}
.init-about .title{ margin-bottom: 48px; font-size: 30px; line-height: 38px; color: #111; text-align: center;}
.mod-banner{ padding: 165px 0 148px; color: #fff; background-image: url(../images/banner-about.jpg);}
.mod-banner .title{ width: 100%; margin-bottom: 38px; font-size: 30px; color: #111; text-align: center;}
.mod-banner .info{ width: 380px; margin: 0 auto;}
.mod-banner .name{ font-size: 30px; line-height: 38px;}
.mod-banner .redline{ width: 68px; height: 3px; margin: 5px 0; background: #e7141a;}
.mod-banner .txt{ font-size: 18px;}
.mod-about{ padding: 48px 0; font-size: 16px; color: #555; text-align: center;}
.mod-about .title, .mod-about .subtitle{ color: #111; line-height: 48px;}
.mod-about .title{ margin: 0; font-size: 36px;}
.mod-about .subtitle{ font-size: 25px;}
.mod-about .info{ margin: 40px 0 28px;}
.mod-about .flex-jumbo .flex{ opacity: 0; width: 25%; font-size: 15px;}
.mod-about .flex-jumbo .num{ margin-bottom: 6px; font-weight: bold;}
.mod-can{ background-image: url(../images/bg-can.jpg);}
.mod-can .title{ color: #fff; margin-bottom: 8px;}
.canlist li{ opacity: 0; position: relative; float: left; width: 33.3%; padding: 40px 40px 40px 142px; line-height: 20px; color: #fff;}
.canlist img{ width: 42px; height: 42px;}
.canlist .circle{ position: absolute; top: 40px; left: 20px; width: 102px; height: 102px; padding: 28px; line-height: 102px; background: #fff;}
.canlist .name{ margin-bottom: 16px; font-size: 16px;}
.mod-team{ padding-top: 0;} .mod-team .pic{ opacity: 0;}
.mod-cbanner{ padding: 310px 0 32px; color: #fff; background-image: url(../images/bcase.jpg);}
.mod-cbanner .container{ position: relative;}
.mod-cbanner .info{ padding-right: 320px;}
.mod-cbanner .name{ font-size: 40px; line-height: 48px;}
.mod-cbanner .whline{ width: 45px; height: 2px; margin: 10px 0 58px; background: #fefefe;}
.mod-cbanner .subname{ font-size: 12px; color: #777;}
.mod-cbanner .txt{ font-size: 15px;}
.mod-cbanner .qrcode{ position: absolute; bottom: -72px; right: 0; width: 256px; padding: 40px 45px; background: #e7141a;}
.mod-cbanner .pic{ width: 164px; height: 164px; margin: 0 auto;}
.mod-cbanner .btn-hollow{ width: 100%; border-color: #fff; color: #fff;}
.mod-cbanner .btn-white{ color: #171717; background: #fff;}
.mod-cbanner .icon{ padding-left: 20px;}
.mod-cbanner .iscan{ background-position: 0 -1330px;}
.mod-cbanner .ilink{ background-position: 0 -1370px;}
.mod-detail .title{ margin-bottom: 24px; font-size: 22px; line-height: 36px; color: #333;}
.mod-detail .china{ font-size: 28px;}
.mod-detail .bd{ padding: 30px; background: #fff;}
.mod-relate{ padding-top: 0; background: none;}
.mod-relate .flex-hd{ margin-bottom: 26px;}
.mod-recruit{ padding-bottom: 118px; background: #efefef;} 
.mod-recruit .btn-prev, .mod-recruit .btn-next{ border-color: #c4c4c4; background-color: #c4c4c4;}
.mod-recruit .btn-prev{ background-position-y: -1410px;}
.mod-recruit .btn-next{ background-position-y: -1460px;}
.mod-recruit .btn-next:hover, .mod-recruit .btn-prev:hover{ border-color: #e7141a; background-color: #e7141a;}
.swiper-recruit .swiper-slide{ padding: 0 8px; font-size: 13px; color: #666; cursor: pointer;}
.swiper-recruit .inner{ position: relative; width: 100%; height: 100%; background: #fefefe;}
.swiper-recruit .info{ padding: 55px 20px;}
.swiper-recruit .pic{ width: 108px; height: 58px; margin: 0 auto;}
.swiper-recruit .name{ margin: 20px 0; font-size: 18px; color: #111; text-align: center;}
.swiper-recruit .subname{ margin-bottom: 12px;}
.swiper-recruit .remark{ display: none; position: absolute; top: 0; left: 0; padding: 20px 18px; color: #fff; background: #e7141a;}
.mod-map{ background-image: url(../images/map.jpg);}
.mod-contact{ width: 430px; color: #fff; background: #232323;}
.mod-contact .hd{ padding: 28px 28px 12px;}
.mod-contact .title{ color: #fff;}
.mod-contact .en{ font-size: 26px;}
.mod-contact .bd{ padding: 0 30px 28px;}
.tactlist li{ position: relative; padding-left: 75px; font-size: 13px;}
.tactlist .attr{ position: absolute; top: 0; left: 0;}
.tactlist span{ display: inline-block;}
/* news */
.news-list li{ padding: 18px; margin-bottom: 15px; background: #f5f5f5; opacity: 0;}
.news-list a{ display: block; position: relative; height: 160px; padding-left: 218px;}
.news-list .pic{ position: absolute; top: 0; left: 0; width: 208px; height: 160px;}
.news-list .name{ font-size: 17px; font-weight: bold; line-height: 32px; color: #121212;}
.news-list .txt{ height: 72px; margin: 12px 0; font-size: 13px; color: #555; line-height: 24px; overflow: hidden;}
.news-list .date{ color: #333;}
.news-list li:hover{ }
.news-list li:hover .name{ color: #e7141a;}
.frame-detail .pic{ margin: 12px auto; text-align: center;}
.frame-detail img{ width: auto; max-width: 100%;}
.mod-recom{ max-height: 318px; margin-top: 28px;}
.mod-recom .rename{ font-size: 20px; color: #212121;}
.recom-list li{ float: left; width: 32%; margin-right: 1.3%;}
.mod-recom .pic{ margin-bottom: 4px;}
.mod-recom .pic, .mod-recom .pic img{ width: 100%;}
.mod-recom .date{ font-size: 12px; color: #6e6e6e;}
.mod-recom .name{ color: #222;}
.mod-recom .line{ width: 100%; height: 1px; margin: 8px 0; background: #cecece;}
.mod-recom .more{ padding-right: 12px; color: #eb0f0f; background-position: right -1236px;}

.flex-init:before, .flex-init:after, .init-server .flex-hd:before, .init-server .flex-hd:after, .init-server .flex-hd .inner:before, .init-server .flex-hd .inner:after{ display: none;}
.flex-init .inner, .init-server .flex-hd .title{ width: 100%;}
.init-server{ padding-top: 58px;}
.swiper-develop .swiper-slide{ -webkit-transition: all 0.24s ease, background 0s; transition: all 0.24s ease, background 0s;}
.swiper-develop a{ padding: 8px 0;}
.swiper-develop .pic{ width: 56px; height: 56px; margin: 18px auto 28px;}
.swiper-develop .name{ font-size: 18px; color: #111;}
.swiper-develop .info{ padding-bottom: 28px; font-size: 14px; line-height: 24px; color: #777;}
.swiper-develop .btn-more{ width: 142px; height: 38px; border: 1px solid #acacac; font-size: 14px; background: transparent;}
.swiper-develop a:hover{ background: #e7141a;}
.swiper-develop a:hover .inner{ border-color: #e7141a;}
.swiper-develop a:hover .btn-more{ border-color: #e7141a; color: #fff; background: #e7141a;}
.swiper-appdev .inner{ border: 0 none;}

.mod-what, .mod-attack{ padding-bottom: 0;}
.mod-what .info{ position: relative; opacity: 0; padding: 18px 30px; margin-bottom: 68px; font-size: 15px; color: #333; box-shadow: 0 0 8px #dcdcdc; background: #fff;}
.mod-what .info:after{ display: block; position: absolute; top: -24px; left: 50%; content: '\0020'; margin-left: -12px; border: 12px solid transparent; border-bottom-color: #fff;}
.mod-what .flex-hill{ position: relative;}
.mod-what .pic{ width: 88%; max-width: 886px; margin: 0 auto;}
.mod-what .phone{ position: absolute; bottom: 0; left: 50%; width: 22%; max-width: 256px; max-height: 192px; margin-left: -11%;}
.flex-hill{ position: relative; padding-top: 68px;}
.hill-list li{ opacity: 0; position: absolute; z-index: 88; width: 356px;}
.hill-list .item-first{ left: -138px; bottom: 8%;}
.hill-list .item-second{ left: -68px; top: 20%;}
.hill-list .item-third{ left: 50%; top: 0; margin-left: -88px;}
.hill-list .item-forth{ right: 0; top: 36%;}
.hill-list .item-fifth{ right: -98px; bottom: 8%;}
.hill-list .icon{ float: left; width: 58px; height: 58px;}
.hill-list .subname{ float: left; position: relative; width: 260px; padding: 15px; margin: 0 18px; font-size: 16px; color: #333; box-shadow: 0 0 6px #dcdcdc; text-align: center; background: #fff;}
.hill-list .subname:after{ display: block; content: '\0020'; position: absolute; top: 20px; left: -16px; border: 8px solid transparent; border-right-color: #fff;}
.hill-list .item-left .subname:after{ left: auto; right: -16px; border-right-color: transparent; border-left-color: #fff;}

.swiper-feature .pic{ width: 100%;}
.swiper-feature .info{ padding: 26px; font-size: 12px; line-height: 22px; color: #676767; text-align: center; background: #fff4f4;}
.swiper-feature .name{ margin-bottom:12px; font-size: 24px; line-height: 32px; color: #101010;}
.swiper-feature a:nth-child(2n) .info{ background: #f3f6ff;}

.swiper-suit{ text-align: center;}
.swiper-suit .pic{ width: 100px; height: 100px; margin: 0 auto 8px;}
.swiper-suit .name{ font-size: 15px; color: #0f0f0f;}

.mod-fit{ margin-bottom: 148px;}
.mod-fit .tab-panel{ display: none; position: relative; padding-right: 32%;}
.mod-fit .pic-fit{ position: absolute; right: 0; bottom: -78px; width: 30%; max-width: 388px;}
.fit-list li{ opacity: 0; width: 33.3%; margin-top: 80px; font-size: 12px; line-height: 20px; text-align: center;}.fit-list img{ vertical-align: middle;}
/*.fit-list a{ display: block; width: 120px;}*/
.fit-list .icon{ width: 118px; height: 118px; border: 1px solid #bcbcbc; margin: 0 auto; line-height: 116px; text-align: center; background: #fff;}
.fit-list .name{ margin: 16px 0 4px; font-size: 16px; color: #222;}
.fit-list .txt{ color: #777;}
.fit-list a:hover .icon{ border-color: #e7141a;}
.fit-list a:hover .name{ color: #e7141a;}

.mod-attack .bd{ background: #2c2c2e;}
.swiper-attack .swiper-slide{ position: relative; text-align: center;}
.swiper-attack .pic{ position: absolute; top: 0; left: 0; width: 100%;}
.swiper-attack .info{ position: relative; z-index: 8; padding: 0 12px; line-height: 22px; color: #fff;}
.swiper-attack .roate{ width: 42px; height: 42px;}
.swiper-attack .line{ width: 22px; height: 3px; margin: 18px auto; background: #fff;}
.swiper-attack .name{ margin-bottom: 10%; font-size: 22px; font-weight: bold; color: #fff;}
.swiper-attack .txt{ display: none; margin-bottom: 8%;}
.swiper-attack a:hover .name{ font-size: 20px;}
.swiper-attack a:hover .info{ background: rgba(243,19,25,.82);}
.swiper-attack a:hover .txt{ display: block;}

.mod-brand{ background-image: url(../images/bg-site1.jpg);}
.mod-triad{ background-image: url(../images/bg-site2.jpg);}
.mod-site .pic, .mod-site .info{ float: left; width: 50%;}
.mod-site .pic{ max-width: 580px;}
.mod-site .info{ padding: 48px; border: 1px solid #cfcfcf; font-size: 13px; line-height: 22px; color: #878787; background: #fff;}
.mod-site .name{ font-size: 22px; line-height: 32px; color: #444;}
.mod-site .line{ width: 22px; height: 3px; margin: 10px 0 18px; background: #e7141a;}
.mod-site .btn-consult{ display: block; width: 150px; height: 38px; border: 1px solid #dcdcdc; margin: 20px 0 38px; line-height: 36px; color: #92a9c6; text-align: center; background: #eee;}
.mod-site .btn-consult:hover{ border-color: #e7141a; color: #fff;}
.logo-list li{ float: left; position: relative; width: 25%; height: 62px; border: 1px solid #f5f5f5; border-right: 0; line-height: 58px; text-align: center; overflow: hidden;}
.logo-list li:last-child{ border-right: 1px solid #f5f5f5;}
.logo-list li:after{ content: "";cursor: pointer;position: absolute;left: -100%;top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}
.logo-list li:hover:after{ left: 100%; opacity: 0;}
.logo-list img{ width: 86%; max-width: 90px;  vertical-align: middle;}

.mod-faq{ background-image: url(../images/bg-faq.jpg);}
.mod-faq .bd{ position: relative;}
.mod-faq .pic-faq{ position: absolute; z-index: 8; top: 26px; left: 50%; width: 20%; max-width: 272px; max-height: 542px; margin-left: -10%;}
.round{ position: absolute; z-index: 6; top: 12%; left: 50%; width: 32%; max-width: 400px; max-height: 400px; margin-left: -17%; opacity: .28; background: #fff; -webkit-animation: ripple 4s ease-out 25ms infinite; animation: ripple 4s ease-out 25ms infinite;}
.round-10{ z-index: 5; -webkit-animation-delay: .8s; animation-delay: .8s;}
.round-20{ z-index: 4; -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.faq-list li{ opacity: 0; float: left; position: relative; width: 35%; padding-right: 56px; margin: 24px 0;}
.faq-list .info{ float: right; padding: 10px 30px; border: 1px dotted #b6b9ba; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.faq-list .doter{ left: auto; right: 0; margin-top: -18px;}
.faq-list .dot{ background-position: center -795px; background-size: 20px 900px}
.faq-list li:nth-child(2n){ float: right; padding: 0 0 0 56px;}
.faq-list li:nth-child(2n) .info{ float: left;}
.faq-list li:nth-child(2n) .doter{ left: 0; right: auto;}
.flex-btns{ padding: 28px 0 8px; text-align: center;}
.flex-btns .btn-hollow{ display: inline-block; width: 168px; height: 40px; margin: 28px 16px 0; border-color: #fff; line-height: 38px; color: #fff;}
.flex-btns .btn-hollow:hover{ border-color: #c71116; background: #c71116;}

.animate-list li{ opacity: 0;}
.animate-list a, .swiper-develop a{ display: block; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.animate-list a:hover, .swiper-develop a:hover{ -webkit-box-shadow: 0 26px 40px -24px rgba(0,0,0,.28); box-shadow: 0 26px 40px -24px rgba(0,0,0,.28); -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-border-radius: 4px; border-radius: 4px;}
.vote-list li{ float: left; width: 49.5%; margin-bottom: 12px; cursor: pointer;}
.vote-list li:nth-child(2n){ float: right;}
.vote-list a{ display: block; position: relative; padding: 24px; border: 1px solid #d5d5d5;}
.vote-list .pic{ position: absolute; top: 26px; left: 24px; width: 72px; height: 72px;}
.vote-list .info{ margin-left: 80px;}
.vote-list .name{ margin-bottom: 2px; font-size: 18px; line-height: 32px; color: #111;}
.vote-list .txt{ min-height: 40px; line-height: 20px; color: #777; overflow: hidden;}
.vote-list li:hover .name{ color: #e7141a;}

.plan-list{ margin: 0 -10px;}
.plan-list li{ float: left; width: 25%; padding: 0 10px; margin-bottom: 20px;}
.plan-list .pic{ width: 100%;}
.plan-list .info{ padding: 10px 8px; border-bottom: 2px solid #e7141a; font-size: 13px; line-height: 20px; color: #777; background: #fff;}
.plan-list .name{ margin-bottom: 4px; font-size: 18px; line-height: 30px; color: #111;}
.plan-list .txt{ height: 60px; overflow: hidden;}
.plan-list a:hover .info{ color: #fff; background: #e7141a;}
.plan-list a:hover .name{ color: #fff;}

.init-yqb .bd{ position: relative;}
.init-yqb .btn-prev, .init-yqb .btn-next{ position: absolute; z-index: 28; top: 50%; margin-top: -26px;}
.init-yqb .btn-prev{ left: 28px;} .init-yqb .btn-next{ right: 28px;}
.init-yqb .btn-prev:hover, .init-yqb .btn-next:hover{ border-color: #e7141a; background-color: #e7141a;}
.mod-yqbanner{ background-image: url(../images/bg-yqb.jpg);}
.swiper-yqber, .swiper-yqber a{ color: #fff;}
.swiper-yqber img{ width: 100%;}
.swiper-yqber .info{ float: left; width:45%; text-align: center;}
.swiper-yqber .title{ font-size: 46px; font-weight: bold; line-height: 60px;}
.swiper-yqber .subtitle{ margin: 15px 0 38px; font-size: 26px;}
.swiper-yqber span{ margin: 0 12px;}
.swiper-yqber .pic{ float: right; width: 45%;}

.mod-whaty .pic, .mod-whaty .info{ opacity: 0;}
.mod-whaty .pic{ margin: 18px 0;}
.mod-whaty .info{ padding: 0 0 8px;}
.mod-whaty .txt{ margin-bottom: 28px;}
.lead-list li{ float: left; position: relative; width: 24%; padding: 0 10px;}
.lead-list a{ color: #333;}
.lead-list .remark{ display: none; width: 60%; padding-left: 16px;}
.lead-list .caption{ margin: 28px 0 16px; font-size: 18px; line-height: 38px;}
.lead-list .daimio{ margin-right: 8px; font-size: 24px;}
.lead-list .active{ width: 52%;}
.lead-list .active .pic{ float: left; width: 40%;} 
.lead-list .active .remark{ float: right; display: block;}
.mod-jumbo{ color: #fff; background: #e7141a;}
.flex-yqbmo .flex{ width: 20%;} .flex-yqbmo .num{ color: #fff;}
.flex-yqbmo .jumbo{ font-size: 38px; font-weight: bold;}
.flex-yqbmo .txt{ max-width: 136px; margin: 0 auto;}

.mod-envir{ background-image: url(../images/bg-envir.jpg);}
.mod-envir .btn-prev, .mod-envir .btn-next{ border-color: #d0d0d0; background-color: #d0d0d0;}
.swiper-envir .pic{ display: block;}

.mod-system{ background-image: url(../images/bg-system.jpg);}
.swiper-system .swiper-slide{ opacity: 0;}
.swiper-system a{ display: block; position: relative; padding: 48px 18px; font-size: 13px; color: #fff; text-align: center; -webkit-transition:all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.swiper-system img{ vertical-align: middle;}
.swiper-system .icon{ width: 110px; height: 110px; border: 1px solid #fff; margin: 0 auto; line-height: 108px;}
.swiper-system .name{ margin: 28px 0 10px; font-size: 22px;}
.swiper-system .txt{ height: 146px; text-align: left;}
.swiper-system a:hover{ -webkit-transform: translateY(-6px); transform: translateY(-6px);}
.swiper-system a:after{ position: absolute; left: -200%; top: 0; content: ""; cursor: pointer; width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}
.swiper-system a:hover{ background: #e7141a;}
.swiper-system a:hover:after{ left: 100%; opacity: 0;}

.simtable{ margin-top: 18px;}
.simtable li{ float: left; width: 8.5%; text-align: center;}
.simtable li:last-child{ width: 15%;}
.simtable .txt, .simtable .subtxt{ padding: 12px 0; border-right: 1px solid #f9f9f9; font-size: 12px; background: #fff;}
.simtable .txt{ line-height: 26px; color: #fff; text-overflow: ellipsis; white-space: nowrap; background: #ff0000; overflow: hidden;}
.simtable .subtxt{ line-height: 20px;}
.simtable .ihook{ display: block; width: 20px; height: 20px; margin: 0 auto; background-position: center -1628px;}
.simblack .txt{ background: #000;}

.mod-judge .info{ margin: 16px 0;}
.mod-judge .subname, .mod-judge .simtable, .mod-judge .hint{ opacity: 0;}
.mod-judge .subname{ font-size: 22px; line-height: 32px; color: #212121;}
.mod-judge .hint{ padding: 12px 18px; font-size: 12px; color: #777;}

.mod-brief .btn-hollow{ width: 168px; height: 36px; line-height: 34px;}
.brief-list li{ float: left; width: 50%; padding-right: 28px; margin-bottom: 36px;}
.brief-list li:nth-child(2n){ padding: 0 0 0 28px;}
.brief-list a{ display: block; position: relative; padding-left: 128px; color: #222;}
.brief-list .date{ position: absolute; top: 50%; left: 0; width: 106px; height: 106px; padding: 20px 0; border: 1px solid #cacaca; margin-top: -53px; text-align: center;}
.brief-list .day{ font-size: 36px; font-weight: bold; line-height: 42px;}
.brief-list .caption, .brief-list .txt{ height: 48px; overflow: hidden;}
.brief-list .caption{ margin-bottom: 12px; font-size: 18px;}
.brief-list .txt{ font-size: 16px; color: #777;}
.brief-list a:hover .date{ border-color: #e7141a; color: #fff; background: #e7141a;}
.brief-list a:hover .caption{ color: #e7141a;}
.brief-list a:hover{ -webkit-box-shadow: none; box-shadow: none;}

@media(min-width: 1281px){ .header .logo{ left: -98px;} .btn-phone{ right: -148px;} .navbar-nav{ margin-right: 0;}}
@media(max-width: 1200px){
	#carousel-generic .title{ font-size: 42px; line-height: 58px;}
	.scrollDown{ bottom: 12px;} 
	.mod{ padding: 30px 0;} 
	.flex-hd{ margin-bottom: 36px;}
	.flex-hd .title{ font-size: 24px; line-height: 38px;}
	.mod-idea .pic{ margin-bottom: -168px;}
	.swiper-server .name{ font-size: 17px;}
	.swiper-server .btn-more{ font-size: 15px;}
	.swiper-meal .swiper-slide{ padding-right: 10px; font-size: 13px;}
	.swiper-meal .spec{ font-size: 32px;}
	.swiper-meal .name{ font-size: 20px;}
	.mod-case .btn-hollow{ margin-top: 20px;}
	.switch-nav{ margin-bottom: 28px;}
	.switch-nav .btn-hollow{ margin: 0 6px;}
	.press-list li{ margin-bottom: 15px;}
	.mod-outfit .btn-next{ right: 42%;}
	/*.link-list li{ padding: 20px;}*/
	.idea-list li{ left: 11%; width: 200px; padding-left: 32px;}
	.idea-list .text-right{ padding-right: 32px;}
	.idea-list li:nth-child(2){ left: 3%;}
	.idea-list li:nth-child(3){ left: -2%;}
	.idea-list li:nth-child(4){ left: 67%;}
	.idea-list li:nth-child(5){ left: 75%;}
	.idea-list li:nth-child(6){ left: 79.5%;}
	.idea-list li:nth-child(7){ left: 81%;}

	.mod-outfit{ padding-bottom: 98px;}
	.slide-about .name{ margin: 0 0 8px; font-size: 20px;}
	.slide-advt .bd{ padding: 18px 0;}
	.slide-about .mess{ margin-bottom: 18px;}
	.flex-jumbo{ margin: 15px 0;}
	.mod-recom{ max-height: 268px;}

	.init-about .title{ margin-bottom: 28px; font-size: 24px;}
	.mod-about{ font-size: 14px;}
	.mod-about .title{ margin: 0; font-size: 26px;}
	.mod-about .subtitle{ font-size: 20px; line-height: 36px;}
	.mod-about .info{ margin-top: 18px;}
	
	.mod-team{ padding-top: 0;}
	.mod-can .title{ margin-bottom: 16px;}
	.canlist li{ padding: 20px 20px 20px 98px; font-size: 13px;}
	.canlist .circle{ left: 0; top: 50%; width: 84px; height: 84px; padding: 20px; margin-top: -42px;}
	.canlist .name{ margin-bottom: 8px;}

	.mod-cbanner{ padding-top: 180px;}
	.mod-cbanner .info{ padding-right: 280px;}
	.mod-cbanner .name{ font-size: 30px; line-height: 38px;}
	.mod-cbanner .whline{ margin-bottom: 28px;}
	.mod-detail .bd{ padding: 20px 18px;}
	.mod-detail .title{ font-size: 20px;}
	.mod-detail .china{ font-size: 24px;}
	.mod-relate{ padding-top: 0;}

	.mod-what, .mod-attack{ padding-bottom: 0;}
	.swiper-attack .name{ font-size: 18px;}
	.mod-fit{ margin-bottom: 88px;}
	.fit-list li{ margin-top: 36px;}
	.swiper-feature .info{ padding: 16px;}
	.swiper-feature .name{ margin-bottom: 5px; font-size: 18px; line-height: 28px;}

	.mod-site .info{ padding: 18px;}
	.mod-site .name{ font-size: 18px;}
	.mod-site .line{ margin: 8px 0;}
	.mod-site .txt{ max-height: 132px;}
	.mod-site .btn-consult{ margin: 12px 0 18px;}

	.faq-list li{ margin: 15px 0;}
	.faq-list .info{ padding: 8px 26px;}
	.plan-list{ margin: 0 -5px;}
	.plan-list li{ padding: 0 5px;}
	.plan-list .name{ font-size: 17px;}

	.init-yqb .btn-prev{ left: 8px;}
	.init-yqb .btn-next{ right: 8px;}
	.swiper-yqber .title{ font-size: 38px;}
	.swiper-yqber .subtitle, .brief-list .caption{ font-size: 16px;}
	.mod-whaty .txt{ margin-bottom: 18px;}
	.brief-list li{ padding-right: 12px;}
	.brief-list li:nth-child(2n){ padding: 0 0 0 12px;}
	.brief-list a{ padding-left: 108px; font-size: 13px;}
	.brief-list .date{ width: 96px; height: 96px; padding: 16px 0; margin-top: -48px; font-size: 13px;}
	.brief-list .day{ font-size: 32px;}
	.brief-list .caption, .brief-list .txt{ height: 44px; font-size: 15px; line-height: 22px;}
	.brief-list .caption{ margin-bottom: 6px;}

	.swiper-system .name{ font-size: 20px;}
	.swiper-system .txt{ height: 182px;}
	.vote-list li{ font-size: 13px;}
	.vote-list .name{ font-size: 17px;}

	.lead-list li{ padding: 0 6px;}
	.lead-list .remark{ padding-left: 12px;}
	.lead-list .caption{ margin: 0 0 4px; font-size: 16px; line-height: 30px;}
	.lead-list .daimio{ font-size: 26px;}
}
@media(max-width: 992px){
	.container{ width: 100%; max-width: 100%; padding: 0 13px;} .header .logo{ width: 178px;}
	.navbar-nav{ float: none; margin: 0 auto} .navbar-nav>li{ padding: 0;}
	#carousel-generic .title{ font-size: 32px; line-height: 38px;}
	#carousel-generic .entitle{ font-size: 13px; line-height: 18px;}
	.flex-hd, .mod-relate .flex-hd{ margin-bottom: 28px;}
	.flex-hd:before, .flex-hd:after, .flex-hd .inner:before, .flex-hd .inner:after{ top: 20px;}
	.flex-hd .title{ font-size: 20px; line-height: 36px;}
	.flex-hd .subtitle{ line-height: 18px;}
	.swiper-meal .name{ font-size: 17px;}
	.swiper-meal .info{ padding-top: 10px;}
	.swiper-meal .txt{ padding: 6px;}
	.mod-outfit .btn-prev{ left: 40%;}
	.swiper-press .swiper-slide{ padding: 5px;}
	.swiper-press .caption{ font-size: 15px;}
	.press-list li{ margin-bottom: 10px;}
	.press-list .name{ font-size: 14px;}
	.flow-list li, .flow-list .item-arrow{ height: 310px;}
	.flow-list .item-down{ top: 308px; height: 70px;}
	.flow-list .circle{ width: 78px; height: 78px; line-height: 78px;}
	.flow-list .info{ height: 132px;}
	.flow-list a{ margin: 0 auto;}
	.flow-list .name{ font-size: 18px;}
	.flow-list .btn-consult{ font-size: 14px;}
	.idea-list li{ left: 15%; width: 136px;}
	.idea-list li:nth-child(2){ left: 7%;}
	.idea-list li:nth-child(3){ left: 3%;}
	.idea-list li:nth-child(4){ left: 68%;}
	.idea-list li:nth-child(6){ left: 79.5%;}
	.idea-list li:nth-child(7){ left: 80%;}

	.mod-ad .name{ font-size: 18px;}
	.mod-recom{ max-height: 298px;}
	.switch-nav .btn-hollow{ width: 18%; margin: 0;}
	.frame .switch-nav{ width: 100%; margin: 0 -2%;}
	.frame .switch-nav .btn-hollow{ display: block; width: 24%; height: 28px; font-size: 11px; line-height: 26px; margin: 0;}
	/*.link-list li{ padding: 12px;}*/

	.mod-cbanner .name{ font-size: 24px; line-height: 30px;}
	.mod-cbanner .whline{ margin-bottom: 18px;}
	.mod-cbanner .info{ padding-right: 230px;}
	.mod-cbanner .txt{ font-size: 13px;}
	.mod-cbanner .qrcode{ width: 220px; padding: 28px;}
	.mod-detail .title{ margin-bottom: 15px; font-size: 16px;}
	.mod-detail .china{ font-size: 20px;}

	.swiper-yqber .title{ font-size: 28px; line-height: 48px;}
	.mod-what .info{ padding: 16px; font-size: 14px;}
	.hill-list li{ width: 280px;}
	.hill-list .item-first{ left: -48px;}
	.hill-list .item-second{ left: 0; top: 28%;}
	.hill-list .item-third{ margin-left: -66px;}
	.hill-list .item-fifth{ right: -66px;}
	.hill-list .subname{ width: 198px; margin: 0 12px; font-size: 15px;}
	.fit-list li{ margin-top: 28px;}
	.fit-list .name{ margin-top: 8px;}
	.swiper-feature .name{ font-size: 17px;}

	.mod-site .info{ padding: 12px;}
	.mod-site .line{ margin: 4px 0;}
	.mod-site .btn-consult{ margin: 12px 0;}

	.faq-list li{ width: 40%;}
	.vote-list a{ padding: 16px;}
	.vote-list .pic{ top: 24px; left: 15px; width: 58px; height: 58px;}
	.vote-list .info{ margin-left: 68px;}

	.mod-judge .info{ margin: 8px 0;}
	.mod-judge .subname{ font-size: 18px;}
	.mod-judge .hint{ padding: 8px 12px;}
	.simtable{ margin-top: 8px;}
	.simtable li{ width: 16.6%;}
	.simtable li:last-child{ width: 33%;}
	
	.swiper-system a{ padding: 38px 16px;}
	.swiper-system .name{ font-size: 18px;}
	.switch-brief .btn-hollow{ width: 22%; margin: 0 1%;}

	.lead-list li, .lead-list .active{ width: 33.3%;}
	.lead-list .active .pic, .lead-list .active .remark{ float: none; width: 100%;}
	.lead-list .pic{ margin-bottom: 12px;}
	.lead-list .remark{ display: block; width: 100%; padding: 0;}
	.lead-list .daimio{ font-size: 22px;}
	.lead-list .caption{ font-size: 14px;}
}
@media(max-width:768px){
	.hide-pad{ display: none;} .show-pad{ display: block;}
	.header, .header.bg-header{ height: 42px; background: #1e1e1e;} .header .logo{ top: 10px; width: 126px;}
	.header .btn-chat{ display: block; position: absolute; top: 9px; right: 52px; width: 62px; height: 22px; border-radius: 4px; font-size: 10px; line-height: 21px; color: #fff; text-align: center; background: #ec2222;}
	.dropmenu img{ width: 22px; height: 22px;}
	.dropmenu{ position: absolute; top: 0; right: 4px; width: 40px; height: 40px; padding: 8px 4px; cursor: pointer;}
	.dropmenu .line{ float: right; width: 100%; height: 3px; margin: 2px 0; background: #d71217;}
	.dropmenu .line2{ width: 88%;} .dropmenu .line3{ width: 68%;}
	/*.navbar-nav{ display: none; float: none; position: absolute; z-index: 9999; top: 52px; right: 0; width: 128px; height:auto; padding: 5px 0; margin: 0; background: #e7141a;}*/
	/*.navbar-nav:after{ content: '\0020'; display: block; position: absolute; top: -16px; right: 16px; border: 8px solid transparent; border-bottom-color: #e7141a;}*/
	.wrap, .navbar-nav{ position: fixed; top: 0;}
	.wrap{ display: none; z-index: 9998; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.48);}
	.navbar-nav{ float: none; z-index: 9999; right: -260px; width: 260px; height: 100%; padding: 18px; background: #333;}
	.navbar-nav>li{ float: none; width: 100%; padding: 8px 0 8px 12px; border-bottom: 1px solid #3c3d3d; font-size: 15px; text-align: left;}
	.navbar-nav>li.show-pad{ display: block;}
	.navbar-nav>li>a, .navbar-nav>li>span{ background: url(../images/right.png) no-repeat right center; background-size: 15px 15px;}
	.navbar-nav>li>a{ line-height: 32px; color: #fff;}
	.navbar-nav>li>a.hide-pad, .navbar-nav .line{ display: none;}
	.navbar-nav>li>span{ display: block; line-height: 36px;}
	.navbar-nav>li .sublist{ position: static; background: transparent;}
	.navbar-nav .item-server .sublist>li{ width: 50%;}
	.sublist, .navbar-nav .item-server .sublist{ padding: 0;}
	.sublist{ margin-top: 8px;} .sublist>li{ border-top: 1px solid #3c3d3d; font-size: 14px;}
	.sublist li{ margin: 0; line-height: 46px; text-align: left;}
	.thirdlist{ margin: -4px 0 8px;} .thirdlist li{ line-height: 28px;}
	.bg-header .navbar-nav>li>a, .navbar-nav>li span{ color: #fff;}
	.fixed-bar, .btn-phone{ display: none;}
	.fixed-mbar{ display: block;}
	#carousel-generic .info{ padding: 0 18px;}
	#carousel-generic .title{ font-size: 28px; line-height: 32px;}
	#carousel-generic .entitle{ font-size: 12px;}
	.carousel-control .btn-prev{ left: 25%;}
	.carousel-control .btn-next{ right: 25%;}
	.init .container{ overflow: hidden;}
	.init .mod-idea .container{ overflow: visible;}
	.mod{ padding: 20px 0;}
	.mod-outfit{ padding-bottom: 98px;}
	.mod-outfit .btn-prev{ left: 38%;}
	.swiper-outfit .flex-pic, .slide-about .info{ float: none; width: 100%;}

	.flow-list li{ width: 30.3%; margin: 0 1.5%;}
	.flow-list .item-arrow{ display: none;}
	.flow-list .rect{ margin-top: 18px;}
	.flow-list .rect4{ float: right;}
	.idea-list .subname{ line-height: 18px;}
	
	.advt-list li{ width: 50%; padding: 18px;}
	.cert-list{ margin-top: 16px;}
	.cert-list li{ width: 33%; padding: 8px 4px;}
	.press-list li{ margin-bottom: 17px;}
	.mod-ad .name{ font-size: 15px;}

	.frame{ padding: 12px 0;}
	.frame .headline{ font-size: 20px; line-height: 28px;}
	/*.frame .caphd{ margin-bottom: 12px;}
	.frame .btn-plus, .frame .switch-nav{ position: fixed; z-index: 88; bottom: 28px;}
	.frame .btn-plus{ width: 38px; height: 38px; font-size: 28px; line-height: 34px; color: #fff; cursor: pointer; text-align: center; background: #e7141a;}
	.frame .switch-nav{ display: none; left: 52px; width: 128px; border: 1px solid #ddd; background: #fff;}
	.frame .switch-nav .btn-hollow{ display: block; width: 100%; height: 38px; border: 0 none; margin: 0; line-height: 38px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;}*/
	.cont{ padding: 0;} .pagination{ margin: 24px 0 12px; text-align: center;}
	.aside{ display: none;}
	.news-list li{ padding: 10px;}
	.news-list .name{ font-size: 16px;}
	.mod-recom{ max-height: auto; margin: 12px 0;}
	.mod-recom .rename{ font-size: 18px;}

	.init-about .title{ margin-bottom: 18px; font-size: 22px;}
	.mod-about .title{ margin: 0; line-height: 36px;}
	.mod-about .info{ margin-bottom: 28px;}
	.mod-contact{ width: 380px;}
	.tactlist li{ line-height: 24px;}
	.canlist li{ width: 50%;}
	.mod-banner{ padding: 98px 0;}
	.mod-banner .name{ font-size: 24px;}
	.mod-banner .txt{ font-size: 15px;}
	.mod-cbanner{ padding-top: 80px;}
	.mod-cbanner .container{ overflow: inherit;}
	.mod-cbanner .info{ padding-right: 160px;}
	.mod-cbanner .name{ font-size: 20px;}
	.mod-cbanner .qrcode{ width: 152px; padding: 16px;}
	.mod-cbanner .pic{ width: 120px; height: 120px;}
	.mod-cbanner .btn-hollow{ margin-top: 12px;}
	/*.mod-detail .title{ font-size: 12px;}*/
	.mod-relate{ padding-top: 0;}
	.mod-recruit .container{ padding: 0 0 0 12px;}
	.swiper-recruit{ padding-right: 48px;}
	.swiper-recruit .remark{ display: block; position: static; padding: 8px 18px 28px; color: #333; background: transparent;}
	.swiper-recruit .info{ padding: 28px 20px 20px;}
	.swiper-recruit .name{ margin: 12px 0; font-size: 17px; color: #111;}
	.swiper-recruit .subname{ margin: 0 0 5px; text-align: left; font-size: 12px; color: #333; text-indent: 0;}
	.swiper-recruit .txt{ font-size: 11px; color: #333; line-height: 20px;}
	.swiper-recruit .btn-mzx{ margin-top: 20px;}

	.mod-what, .mod-attack{ padding-bottom: 0;}
	.mod-fit{ margin: 0;}
	.mod-fit .tab-panel{ padding: 0;}
	.mod-fit .pic-fit{ position: static; margin: 0 auto;}
	.fit-list li{ margin: 12px 0;}
	.fit-list a, .fit-list .icon{ margin: 0 auto;}

	.mod-site .pic, .mod-site .info{ float: none; width: 100%;}
	.mod-site .pic{ margin: 0 auto;}

	.mod-faq .pic-faq, .mod-faq .round{ display: none;}
	.faq-list li, .faq-list li:nth-child(2n){ width: 50%;}
	.faq-list li{ padding-right: 46px;}
	.faq-list li:nth-child(2n){ padding: 0 0 0 46px;}
	.flex-btns .btn-hollow{ margin-top: 0;}
	
	.init-server{ padding: 0;}
	.switch-nav .btn-hollow{ width: auto; padding: 0 12px;}
	.plan-list li{ width: 33.3%;}

	.mod-what .info{ margin-bottom: 28px;}
	.hill-list li{ width: 112px; padding: 0 0 28px;}
	.hill-list .item-first{ left: -16px;}
	.hill-list .item-second{ top: 18%; left: 24px;}
	.hill-list .item-third{ top: -8px;}
	.hill-list .item-forth{ top: 20%; right: 12%;}
	.hill-list .item-fifth{ right: -16px;}
	.hill-list .icon, .hill-list img{ width: 28px; height: 28px;}
	.hill-list .icon{ position: absolute; bottom: 0; left: 50%; margin-left: -14px;}
	.hill-list .subname{ width: 100%; padding: 0; margin: 0; font-size: 10px; color: #1c1c1c; box-shadow:0 0 0 transparent; background: transparent;}
	.hill-list .subname:after{ display: none;}

	.flex-yqbmo .num{ font-size: 20px;}
	.flex-yqbmo .jumbo{ font-size: 32px;}
	.flex-yqbmo .txt{ height: 52px;}
	.mod-envir .btn-prev, .mod-envir .btn-next{ display: none;}
	
	.brief-list li{ margin-bottom: 25px;}
	.brief-list li, .brief-list li:nth-child(2n){ width: 98%; padding: 0;}
	.brief-list li:last-child{ margin: 0;}
	.swiper-yqber .title{ font-size: 24px;}
	.swiper-yqber .subtitle{ margin: 8px 0 16px;}
	.swiper-yqber .links{ font-size: 13px;}

	.flex-row, .flex-between, .flex-center, .label-radio{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
	.flex-col{ display: flex; flex-direction: column; flex-wrap: wrap;}
	.flex-center{ justify-content: center;} .around{ justify-content: space-around;}
	.flex-between{ justify-content: space-between;}
	.start{ justify-content: flex-start;} .end{ justify-content: flex-end;}

	/* new mobile */
	.footer-nav, .footer-links{ display: none;}
	.footer-contact{ padding: 0 13px;}
	.footer-contact li{ width: 50%; padding: 16px 0; border: 0 none; border-bottom: 1px solid #565656; justify-content: flex-start;}
	.footer-contact li:last-child{ width: 100%;}
	.footer-contact .hide-pad, .footer-contact .attr{ display: none;}
	.footer-contact .icon{ width: 20px; height: 20px; background-size: 20px 900px;}
	.footer-contact .ftqq{ background-position-y: -322px;}
	.footer-contact .ftline{ background-position-y: -350px;}
	.footer-contact .ftemail{ background-position-y: -372px;}
	.footer-contact .ftaddr{ background-position-y: -830px;}
	.copyright{ padding: 12px 12px 20px; margin-bottom: 52px; font-size: 11px; line-height: 20px; color: #7a7a7a; background: #292929;}

	.flex-hd:before, .flex-hd:after, .flex-hd .inner:before, .flex-hd .inner:after{ display: none;}
	.flex-hd{ margin-bottom: 16px;} .flex-hd .subtitle{ color: #333;}
	.flex-hd .title{ width: 100%; color: #222;}
	.flex-hd .mtit{ display: inline-block; margin: 0 16px; line-height: 36px;}
	.flex-hd .mline{ display: inline-block; width: 38px; height: 1px; background: #ec2222;}
	.flex-white .title, .flex-white .subtitle{ color: #fff;}
	.mod .btn-hollow.bounce-to-right{ width: 122px; height: 32px; border-color: #ec2222; border-radius: 4px; margin-top: 15px; font-size: 12px; line-height: 30px; color: #d81217;}

	.swiper-banner{ position: relative; overflow: hidden;}
	.swiper-banner img{ width: 100%; height: 100%;}
	.swiper-banner .swiper-pagination-bullet-active{ background: #ff2020;}

	.mser-list li{ float: left; position: relative; width: 50%; padding: 15px 0 10px;}
	.mser-list .pic{ width: 38px; height: 38px; margin: 0 auto 5px;}
	.mser-list .snfo{ padding: 0 6px 12px; font-size: 12px; background: url(../images/m/bser.png) no-repeat center top; background-size: 100% 100%;}
	.mser-list .txt{ padding: 24px 8px 8px; line-height: 20px; color: #606060; text-indent: 0em;}
	.mser-list .stn{ width: 100%; height: 26px; font-weight: bold; color: #fff; text-align: center; background: #e50012;}
	.stn.green{ background: #82ca36;} .stn.gblue{ background: #405063;} .stn.rjkf{ background: #ff7852;} 
	.stn.wltg{ background: #ffba35;} .stn.wlw{ background: #528fff;}

	.mod-idea{ padding: 20px 0 108px;}
	.mod-idea .flex-bd{ font-size: 12px;}
	.mod-idea .flex-mtit{ color: #fff; text-align: center;}
	.mod-idea .mleft, .mod-idea .mright{ background-repeat: no-repeat; background-size: 9px 5px;}
	.mod-idea .mleft{ padding-left: 16px; background-image: url(../images/m/mleft.png); background-position:left center;}
	.mod-idea .mright{ padding-right: 16px; background-image: url(../images/m/mright.png); background-position:right center;}
	.swiper-midea{ padding: 0 0 40px; margin-bottom: 8px;}
	.swiper-midea .swiper-pagination-bullet{ background: #626262;}
	.swiper-midea .swiper-pagination-bullet-active{ background: #eee;}
	.swiper-midea .info{ position: relative; padding: 8px 15px; border-radius: 8px; margin-top: 16px; line-height: 20px; color: #232323; background: #d7d7d7;}
	.swiper-midea .info:after{ content: '\0020'; display: block; position: absolute; top: -16px; left: 50%; border: 8px solid transparent; border-bottom-color: #d7d7d7;}
	.idea-list li, .idea-list .text-right{ padding: 16px 0 0;}
	.idea-list li{ top: 12%; left: 18%; width: 90px; text-align: center;}
	.idea-list li:nth-child(2){ left: 8%; top: 28%;} .idea-list li:nth-child(3){ left: 5%;}
	.idea-list li:nth-child(4){ top: 8%; left: 53%;}
	.idea-list li:nth-child(5){ top: 22%; left: 64%;}
	.idea-list li:nth-child(6){ left: 68%;}
	.idea-list li:nth-child(7){ left: 70%;}
	.idea-list .doter{ top: 10px; left: 50%; width: 28px; height: 28px; margin-left: -14px;}
	.idea-list .doter .dot{ width: 6px; height: 6px; margin: 11px auto;}
	.idea-list .name{ font-size: 10px; font-weight: normal;}
	.idea-list .subname{ display: none;}

	.mod-meal.mod-gray{ background: #fff;}
	.mod-meal .container{ padding: 0;}
	.swiper-meal{ padding-right: 120px; margin-left: 15px;}
	.swiper-meal .swiper-slide{ padding-top: 40px;}
	.swiper-meal .price{ font-size: 16px; color: #d81217;}
	.swiper-meal .spec{ font-size: 24px;}
	.swiper-meal .unit{ font-size: 12px; font-weight: bold; color: #777;}
	.swiper-meal .flag{ top: -6px; right: -18px; width: 108px; padding: 4px; font-size: 10px;}
	
	.mod-case .container{ padding: 0;}
	.mod-case .btn-hollow{ border-radius: 4px; font-size: 12px;}
	.swiper-mnav{ padding: 4px 60px 0 20px; margin: 0 0 24px 0;}
	.swiper-mnav .swiper-slide{ border: 1px solid #afafaf; border-radius: 12px; font-size: 11px; line-height: 24px; color: #222; text-align: center;}
	.swiper-mnav .active{ border-color: #ec2222; color: #fff; background: #ec2222;}
	.case-list{ margin: 0 6px; font-size: 12px;} 
	.case-list li{ width: 50%;} .case-list a{ margin: 0 4px;}
	.case-list .name{ padding: 8px;}

	.swiper-pnav{ margin: 12px 0 16px;}
	.swiper-pnav .mbtn{ width: 76px; height: 24px; border: 1px solid #afafaf; border-radius: 12px; margin: 0 auto; font-size: 11px; line-height: 22px; color: #222; text-align: center;}
	.swiper-pnav .swiper-slide-active .mbtn{ border-color: #ec2222; color: #fff; background: #ec2222;}
	.swiper-press .hd{ display: none;}
	
	.flex-jumbo .num{ font-size: 23px; font-weight: bold;}
	.mod-outfit{ padding: 28px 0; font-size: 11px; line-height: 20px; color: #fff;}
	.mod-outfit .flex-jumbo{ margin: 24px -2% 16px 0;}
	.mod-outfit .flex-jumbo .flex{ width: 31.3%; margin-right: 2%;}
	.mod-outfit .flex-jumbo .num, .mod-outfit .flex-jumbo .txt{ border-radius: 2px;}
	.mod-outfit .flex-jumbo .num{ height: 92px; padding: 0; line-height: 92px; background: #fff;}
	.mod-outfit .flex-jumbo .num:after{ display: none;}
	.mod-outfit .flex-jumbo .txt{ height: 24px; margin-top: 1px; font-size: 11px; font-weight: bold; line-height: 24px; color: #fff; background: #ec2222;}
	.mod-outfit .info{ text-indent: 2em;}
	.mod-outfit .btn-next, .mod-outfit .btn-prev{ display: none;}
	.stage-list{ margin: 16px -2% 16px 0;}
	.stage-list span, .form-quote span, .idown{ background: url(../images/m/sfit.png) no-repeat 0 0; background-size: 16px 320px;}
	.stage-list li{ width: 31.3%; padding: 0; border: 1px solid #606060; margin-right: 2%; font-size: 11px; line-height: 28px; text-align: center; background-color: rgba(228,228,228,.1);}
	.stage-list span{ padding-left: 22px;}
	.stage-list .izykf{ background-position: 0 2px;}
	.stage-list .icsjs{ background-position: 0 -26px;}
	.stage-list .iuisj{ background-position: 0 -54px;}
	.stage-list .ikfzq{ background-position: 0 -84px;}
	.stage-list .ihxll{ background-position: 0 -110px;}

	.btn-mzx{ display: block; height: 36px; border-radius: 18px; line-height: 36px; color: #fff; text-align: center; background: #e7141a;}
	.btn-mzx.btn-gray{ background: #c0c0c0;}
	.mod-ad .name{ font-size: 14px;}
	.mod-ad .bname{ display: block; font-size: 18px;}

	.label-radio{ width: 33.3%; font-size: 12px; color: #707070;}
	.label-radio .circle{ display: inline-block; width: 14px; height: 14px; border: 1px solid #a0a0a0; margin-right: 4px; background: #ebebeb;}
	.label-radio input:checked~i{ border-color: #e7141a; background: url(../images/m/hook.png) no-repeat center center #e7141a; background-size: 8px 8px;}

	select.idown{ padding-right: 26px; direction: rtl; background-position: 100% -246px;}
	.form-quote .group{ position: relative; padding: 8px 13px; border-radius: 4px; margin-bottom: 10px; background: #efefef;}
	.form-quote span{ position: absolute; top: 8px; left: 16px; padding-left: 20px; font-size: 11px; color: #808080;}
	.form-quote .control{ width: 100%; padding-left: 76px; border: 0 none; color: #e7141a; background-color: transparent;}
	.form-quote textarea.control{ height: 96px; padding: 0; margin-top: 28px;}
	.form-quote .item{ margin-bottom: 8px;}
	.form-quote .txt{ font-size: 12px; color: #707070;}
	.form-quote .iname{ background-position-y: -136px;}
	.form-quote .iphone{ background-position-y: -164px;}
	.form-quote .izxxm{ background-position-y: -192px;}
	.form-quote .ixqms{ background-position-y: -222px;}

	.mod-crumb{ display: none;}
	.canlist li{ padding: 12px 12px 12px 62px;}
	.canlist .circle{ top: 68%; width: 50px; height: 50px; padding: 13px;}
	.canlist img{ width: 24px; height: 24px;} 
	.canlist .name{ margin: 0; font-size: 12px; font-weight: bold;}
	.canlist .txt{ font-size: 10px;}

	.mod-map{ background: #232323;}
	.mod-contact .hd, .mod-contact .bd{ padding: 0;}
	.mod-contact .pabout{ margin: 10px 0 20px;}
	.mod-contact .title{ font-size: 16px; font-weight: bold;}
	.mod-contact .en{ font-size: 14px;}
	.mod-contact .map{ margin-top: 20px;}

	.init-case .container{ padding: 0;}
	.mod-btns{ padding: 0 13px;}
	.mod-btns .btn-hollow{ width: 100%; height: 38px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 36px;}
	.swiper-cnav{ border-bottom: 1px solid #dfdfdf; text-align: center;}
	.swiper-cnav a{ position: relative; padding: 0 0 10px; font-size: 13px; color: #333;}
	.swiper-cnav a:after{ content: '\0020'; display: block; position: absolute; bottom: 0; left: 50%; width: 52px; height: 2px; margin-left: -26px;}
	.swiper-cnav .active:after{ background: #d5191e;}
	
	.mod-cbanner .name{ font-size: 23px; text-align: center;}
	.mod-cbanner .whline{ margin: 8px auto 26px;}
	.mod-cbanner .subname{ font-size: 10px; color: #fff;}

	.mod-detail .bd{ padding: 0;} .mod-relate .flex-hd{ margin-bottom: 16px;}
	.mod-detail .title{ font-size: 11px; line-height: 24px; color: #222;}
	.mod-detail .china{ font-size: 16px;}
	.mod-detail .btn-mzx{ margin-top: 15px; border-radius: 4px;}
	.mod-relate .bd{ padding: 0 8px;}
	.mod-relate .case-list{ margin: 0;}
	
	.frame .caption{ display: none;}
	.frame .switch-nav{ float: none; width: 92%; margin: 6px auto 0; text-align: center;}
	.frame .btn-hollow{ border-radius: 4px;}

	.flex-mbtns{ margin: 24px 0 20px;}
	.flex-mbtns .btn{ width: 48%; height: 34px; border: 1px solid #e7141a; border-radius: 4px; font-size: 11px; line-height: 32px; color: #e7141a;}

	.develop-list a{ float: left; width: 49%; border: 0 none; border-radius: 4px; margin-bottom: 10px; text-align: center; background: #74d057;}
	.develop-list a:nth-child(2n){ float: right;}
	.develop-list .inner{ padding: 18px 10px;}
	.develop-list .pic{ width: 32px; height: 32px; margin: 0 auto;}
	.develop-list .name{ margin: 8px 0; font-size: 12px; font-weight: bold; color: #fff;}
	.develop-list .info{ padding: 0; font-size: 11px; line-height: 18px; color: #fff;}
	.develop-list .btn-more{ display: none;}
	.develop-list .borange{ background: #fe9600;}
	.develop-list .bblue{ background: #49b3fe;}
	.develop-list .bpink{ background: #fe6969;}

	.mod-attack, .mod-attack .bd{ background: #191818;}
	.mod-attack .title, .mod-attack .subtitle{ color: #fff;}
	.flex-attack{ padding: 26px 3px 30px;}
	.attack-list li{ float: left; width: 48%; color: #fff;}
	.attack-list li:nth-child(2n){ float: right;}
	.attack-list .name{ font-size: 12px; font-weight: bold;}
	.attack-list .txt{ margin-bottom: 10px; font-size: 10px; line-height: 20px;}

	.swiper-suit .pic{ width: 45px; height: 45px;}
	.swiper-suit .name{ font-size: 10px; line-height: 20px;}

	.attack-list{ margin-bottom: 10px;}
	.attack-list li{ float: left; width: 48%; padding: 36px 12px 24px; margin-bottom: 15px; text-align: center; background: url(../images/m/brl.jpg) no-repeat center center; background-size: 100% 100%;}
	.attack-list li:nth-child(2){ background-image: url(../images/m/bjd.jpg);}
	.attack-list li:nth-child(3){ background-image: url(../images/m/bzj.jpg);}
	.attack-list li:nth-child(4){ background-image: url(../images/m/bgw.jpg);}
	.attack-list .pic{ width: 26px; height: 26px; margin: 0 auto 16px}
	.attack-list .txt{ margin-top: 12px;}

	.mod-site .name{ font-size: 13px; line-height: 20px;} 
	.mod-site .line{ width: 30px; margin-bottom: 12px;}
	.mod-site .info{ border-color: #dadada; font-size: 10px;}
	.mod-site .btn-consult{ width: 100%; border: 0 none; border-radius: 4px; line-height: 38px; color: #fff; background: #ec2222;}

	/*.mdevlop-list{ margin: 0 3px;}*/
	.mdevlop-list a{ float: left; width: 48%; padding: 20px 15px; margin-top: 10px; background: #fff;}
	.mdevlop-list a:nth-child(2n){ float: right;}
	.mdevlop-list .pic{ width: 28px; height: 28px; margin: 0 auto;}
	.mdevlop-list .name{ margin: 8px 0; font-size: 12px; color: #111; text-align: center;}
	.mdevlop-list .info{ font-size: 12px; line-height: 18px; color: #777;}

	.mod-faq .btn-hollow{ height: 38px; border: 0 none; border-radius: 4px; font-size: 12px;}
	.mod-faq .btn-zxzx{ background: #e7141a;} .mod-faq .btn-dhlx{ background: #38b5ef;}
	.faq-list .info{ padding: 2px 6px; font-size: 12px;}

	.mod-vote .bd{ padding: 10px 0 0;}
	.vote-list a{ padding: 8px 12px; border: 0 none; border-radius: 4px; box-shadow: 0 0 6px 3px #f0f0f0;}
	.vote-list .pic{ width: 36px; height: 36px;}
	.vote-list .info{ margin-left: 46px;}
	.vote-list .name{ font-size: 14px; line-height: 24px; color: #111;}
	.vote-list .txt{ font-size: 12px; line-height: 20px; color: #909090;}
	.madv-list a{ border: 1px solid #d5d5d5; border-radius: 0; box-shadow: 0 0 0 transparent;}

	.plan-list .info{ border: 0 none;}  .plan-list .txt{ display: none;}
	.plan-list .name{ margin: 0; font-size: 12px; line-height: 20px; color: #111; text-align: center;}
	
	.swiper-myqb img{ width: 100%; height: 100%;}
	.swiper-myqb .swiper-pagination-bullet-active{ background: #ff2020;}

	.msystem-list li{ width: 48%; padding: 23px 12px 18px; border-radius: 4px; margin-top: 8px; color: #fff; background: #ec2222;}
	.msystem-list .icon{ width: 48px; height: 48px; margin: 0 auto;}
	.msystem-list .name{ margin: 6px 0; font-size: 13px; font-weight: bold; text-align: center;}
	.msystem-list .txt{ height: 160px; font-size: 10px; line-height: 20px; overflow: hidden;}

	.mod-whaty .info{ padding: 13px 12px; margin: 25px 0; color: #1c1c1c; background: #fff;}
	.mod-lead .container{ padding: 0;}
	.swiper-mlead{ padding-right: 36px; margin-left: 15px;}
	.swiper-mlead .pic{ float: left; width: 45%; height: 230px;}
	.swiper-mlead .info{ float: right; width: 55%; padding: 10px 6px; border: 1px solid #cecece; font-size: 10px; line-height: 20px; color: #333;}
	.swiper-mlead .name{ font-size: 15px;}
	.swiper-mlead .subname{ font-size: 11px; color: #929292;}
	.swiper-mlead .txt{ margin-top: 4px; line-height: 16px; overflow: hidden;}

	.swiper-mfaq{ padding: 0 0 26px;}
	.swiper-mfaq .item{ margin-top: 12px; text-align: center;}
	.swiper-mfaq .info{ display: inline-block; padding-left: 24px; background: url(../images/m/faq.png) no-repeat 0 center; background-size: 18px 18px;}
	.swiper-mfaq .name{ padding: 0 12px; border: 1px dotted #acafb2; border-radius: 4px; font-size: 12px; color: #fff;}
	.swiper-mfaq .swiper-pagination{ bottom: 0;}
	.swiper-mfaq .swiper-pagination-bullet{ background: rgba(255,255,255,.8);}
	.swiper-mfaq .swiper-pagination-bullet-active{ background: #fff;}

	.frame-news .switch-nav{ width: 100%;}
	.mod-case .btn-mcase{ width: 112px; height: 30px; border-radius: 20px; line-height: 28px; margin-bottom: 20px; color: #fff; background: #e7141a;}
}	
@media(max-width: 480px){
	.hide-phone{ display: none;} .show-phone{ display: block;}
	.scrollTop{ right: 8px; bottom: 18px;}
	
	#carousel-generic .title{ font-size: 20px; line-height: 28px;}
	.mcarousel .btn-prev, .mcarousel .btn-next{ display: none; width: 36px; height: 36px; background-size: 30px 1350px;}
	.mcarousel .btn-prev{ background-position-y: -414px;}
	.mcarousel .btn-next{ background-position-y: -451px;}
	.flex-hd .subtitle{ font-size: 12px;}
	.flex-init .title{ font-size: 18px;}
	
	.mod-meal .flex-hd{ margin-top: 36px;}
	.mod-outfit .btn-prev{ left: 18%;}
	.mod-outfit .btn-next{ right: 18%;}
	.switch-nav{ margin-bottom: 18px;}
	.switch-nav .btn-hollow{ font-size: 12px;}
	.slide-about .mess{ height: auto;}
	.slide-advt .bd{ padding: 0;}
	.advt-list li{ padding: 12px 12px 14px;}
	.advt-list .circle, .advt-list .info{ float: none;}
	.advt-list .circle{ width: 42%; margin: -26px auto 4px;}
	.advt-list .info{ width: 100%;}

	.mod-ad .name{ font-size: 12px;}

	.flow-list li{ width: 48%; margin: 0 1%;}
	.frame .headline{ font-size: 18px;}
	.frame .tline{ margin-bottom: 15px;}

	.frame .caphd{ margin-bottom: 12px;} .frame .sub{ font-size: 11px; color: #888;}
	.mod-renews .flex-init{ margin: 0;}
	.news-list li{ padding: 10px 0; border-bottom: 1px solid #e3e3e3; margin: 0; background: transparent;}
	.news-list a{ height: auto; padding-left: 100px;}
	.news-list .pic{ top: 6px; width: 92px; height: 62px; margin: 0;}
	.news-list .name{ font-size: 13px; font-weight: normal; line-height: 28px;}
	.news-list .txt{ height: 40px; margin: 0; font-size: 11px; line-height: 20px; color: #707070;}
	.news-list .date{ display: none;}
	.news-list li:hover{ background: transparent;}
	.news-list li:hover .name{ color: #222;}
	.news-list li:hover .txt{ color: #707070;}

	.pagination{ font-size: 11px; line-height: 24px;}
	.pagination a, .pagination span{ padding: 0 8px;}
	
	.mod-cbanner .info{ padding: 0;}
	.mod-cbanner .qrcode{ display: none; position: static; width: 100%; margin: 16px auto 0;}
	.mod-cbanner .pic{ width: 88%;}
	.init-about .title{ margin-bottom: 8px; font-size: 18px;}
	.mod-banner{ padding: 86px 0 48px;}
	.mod-about .title, .mod-about .subtitle{ font-weight: bold;}
	.mod-about .title{ margin: 0; font-size: 23px;}
	.mod-about .subtitle{ font-size: 17px; line-height: 24px;}
	.mod-about .info{ margin: 12px 0 0; font-size: 13px; color: #222;}
	.mod-about .txt{ display: inline;}
	.mod-about .flex-jumbo .flex{ width: 50%; margin-top: 16px; font-size: 13px; color: #909090;}
	.mod-about .flex-jumbo .num{ font-size: 32px; line-height: 40px;}

	.flex-jumbo{ margin: 0;}
	.mod-team{ padding-top: 0;}
	.mod-contact, .canlist li{ width: 100%; padding-right: 0;}

	.swiper-yqber .info, .swiper-yqber .pic{ float: none; width: 100%;}
	.swiper-yqber .pic{ width: 78%; margin: 18px auto 0;}
	.mod-whaty .txt{ margin-bottom: 8px;}

	.swiper-system .icon{ width: 98px; height: 98px; line-height: 96px;}
	.swiper-system .name{ margin: 12px 0;}
	.swiper-system .txt{ height: 230px;}
	.flex-yqbmo .flex{ width: 50%; margin: 12px 0;}
	.flex-yqbmo .jumbo{ font-size: 30px;} .flex-yqbmo .num{ font-size: 18px;}
	.flex-yqbmo .txt{ height: 36px; font-size: 12px; line-height: 18px;}

	/*.swiper-suit .pic{ width: 78px; height: 78px;}*/
	.flex-init .inner, .init-server .flex-hd .title{ font-size: 17px;}
	.switch-fit{ margin-bottom: 15px;}
	.switch-fit .btn-hollow{ width: 78px; height: 32px; border-radius: 4px; margin: 0 12px; line-height: 30px;}
	.flex-btns{ padding-top: 12px;}
	.flex-btns .btn-hollow{ width: 130px; margin: 0 8px;}
	.fit-list li{ width: 16.66%;} .fit-list a{ width: 100%;}
	.fit-list .icon{ width: 38px; height: 38px; line-height: 34px;}
	.fit-list img{ width: 16px; height: 16px;}
	.fit-list .name{ font-size: 10px; color: #222;}
	.fit-list .txt{ display: none;}
	.faq-list li, .faq-list li:nth-child(2n), .vote-list li, .vote-list li:nth-child(2n){ float: none; width: 100%;}
	.plan-list li{ width: 50%; margin: 15px 0 0;}

	.lead-list li, .lead-list .active{ float: none; width: 100%;}
	.lead-list .pic, .lead-list .active .pic{ float: left; width: 30%;}
	.lead-list .remark, .lead-list .active .remark{ float: right; width: 68%; overflow: hidden;}
	.lead-list .txt{ max-height: 78px; overflow: hidden;}

	/* new mobile */
	.flex-list li{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between;}

	.switch-nav .btn-hollow{ border-radius:18px;}
	.mod-links{ background: #f3f3f3;}
	.link-list, .link-list li{ border: 0 none;}
	.link-list{ margin-right: -2.3%;} .link-list li{ width: 31%; margin: 0 2.3% 8px 0;}

	.mod-whaty .info{ font-size: 12px; line-height: 22px;}
	.mod-envir{ background: url(../images/m/benvir.jpg) no-repeat center center; background-size: 100% 100%;}
	.mod-envir .container{ padding: 0;} .swiper-envir{ padding-right: 68px; margin-left: 15px;}

	.mfun-list{ margin-right: -2%;}
	.mfun-list li{ width: 31.3%; margin-right: 2%; text-align: center;}
	.mfun-list li:nth-child(2n){ width: 31.3%;}
	.mfun-list a{ padding: 16px 8px; border: 1px solid #d5d5d5; box-shadow: 0 0 0 transparent;}
	.mfun-list .pic{ position: static; width: 28px; height: 28px; margin: 6px auto;}
	.mfun-list .info{ margin: 0;} .mfun-list .txt{ display: none;}

	.mod-judge .info{ width: 48%; margin: 0;}
	.mod-judge .hint{ padding: 0 0 12px; font-size: 10px; line-height: 20px; color: #515151;}
	.mod-judge .subname{ font-size: 15px; font-weight: bold;}
	.simtable li{ width: 100%; margin-bottom: 1px;}
	.simtable .txt, .simtable .subtxt{ width: 50%; padding: 8px 0;}
	.simtable .txt{ font-size: 11px; line-height: 20px;}
	.simtable .subtxt{ font-size: 10px; color: #353535;}
	.simtable .ihook{ background: url(../images/m/ghook.png) no-repeat center center; background-size: 12px 12px;}
	.simtable li:last-child{ width: 100%;}
	.simtable li:last-child .txt{ line-height: 40px;}

	.mod-what .flex-hd{ margin-bottom: 28px;}
	.mfeat-list a{ float: left; width: 48%; margin-bottom: 10px; text-align: center; background: #fff4f4;}
	.mfeat-list a:nth-child(2n){ float: right; background: #f3f6ff;}
	.mfeat-list .info{ padding: 8px 8px 12px;}
	.mfeat-list .name{ font-size: 12px; color: #101010;}
	.mfeat-list .txt{ font-size: 11px; line-height: 12px; color: #676767;}

	.switch-mcnav .btn-hollow, .switch-brief .btn-hollow{ height: 26px; border-radius: 18px; font-size: 11px; line-height: 24px;}
	.switch-mcnav .btn-hollow{ margin: 0 8px;}
	.switch-brief{ margin-bottom: 24px;}
	.brief-list li{ margin-bottom: 12px;}
	.brief-list a{ padding-left: 68px;}
	.brief-list .date{ width: 54px; height: 54px; padding: 8px 0; margin-top: -27px; font-size: 8px; line-height: 16px;}
	.brief-list .day{ font-size: 18px; line-height: 20px;}
	.brief-list .caption{ height: 20px; margin-bottom: 4px; font-size: 12px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.brief-list .txt{ height: 40px; font-size: 11px; line-height: 20px;}
}